<template>
  <div>
    <!-- 作用域插槽可以双向传递内容 -->
      <h1>作用域插槽 </h1>
      <hr>
      <playOne>
        <!-- 作用域插槽 
         子组件传来的数据 
         如果具名插槽 #插槽名="scoped" 
         scoped.属性 -->
         <template #one="scoped">
          <div>
             <h1 style="color:red;">我是给子组件插槽传的内容 {{scoped.car.name}}</h1>
          </div>
         </template>
         <!-- 默认的作用域插槽
         用#default="scoped" 来接受子传来的数据 -->
         <template #default="scoped">
          <div>
             <h1>传的东西不加名字 传给默认插槽</h1>
             <h1 @click="toSend(scoped.list)">点击传到方法中</h1>
          </div>
         </template>
      </playOne>
      
  </div>
</template>
<script>
import playOne from './child/playOne.vue'
export default {
    components:{playOne},
    methods:{
      toSend(list){
        console.log(list,"子组件通过作用域插槽传来的数据")
      }
    }
}
</script>